<script setup>
import {QuestionFilled} from "@element-plus/icons-vue";
</script>

<template>
  <el-popover placement="right-start" title="操作指南" trigger="hover" width="500">
    <template #reference>
      <el-icon>
        <QuestionFilled/>
      </el-icon>
    </template>
    <template #default>
      <div class="help-text-content">
        <div class="help-text-row">
          <span>1：首先将报表（.xls文件）复制到accountings文件夹下，选择报表日期后，点击</span>
          <el-button type="primary">读取报表和历史记录</el-button>
          <span>将报表数据和历史计算数据读入系统</span>
        </div>
        <div class="help-text-row">
          <span>2：点击</span>
          <el-button type="success">开始计算</el-button>
          <span>计算收支平衡数据</span>
        </div>
        <div class="help-text-row">
          <span>3：点击“当日收支平衡计算结果”选项卡检查平账结果，您可以通过勾选左侧白框选中行并点击</span>
          <el-button type="danger">删除所选行</el-button>
          <span>删除已核实的条目。确认无误后，点击</span>
          <el-button type="success">合并当日计算结果</el-button>
          <span>同历史记录合并</span>
        </div>
        <div class="help-text-row">
          <span>最后，您可以点击“历史记录”选项卡查看已记录计算数据，对于已经核实的部分，同样可以通过勾选的方式删除掉</span>
        </div>
      </div>
    </template>
  </el-popover>
</template>